.xo-hoverdir .imagebox__hover{transition:all 0s;left:100%;right:auto;bottom:auto;width:100%;height:100%;overflow:hidden}.xo-hoverdir .imagebox__hover:after{--xo-imgbox-opa: .6}.xo-gallery{--xo-loading-color: #bdbdbd}.grid-loading-effect{height:40px;width:40px;transform:rotateZ(45deg)}.grid-loading-effect div{position:relative;float:left;width:50%;height:50%;transform:scale(1.1)}.grid-loading-effect div:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#bdbdbd;animation:xoloadingdefault 2.4s infinite linear both;transform-origin:100% 100%}.grid-loading-effect .ld-cube2{transform:scale(1.1) rotateZ(90deg)}.grid-loading-effect .ld-cube2:before{animation-delay:.3s}.grid-loading-effect .ld-cube4{transform:scale(1.1) rotateZ(270deg)}.grid-loading-effect .ld-cube4:before{animation-delay:.9s}.grid-loading-effect .ld-cube3{transform:scale(1.1) rotateZ(180deg)}.grid-loading-effect .ld-cube3:before{animation-delay:.6s}@keyframes xoloadingdefault{0%,10%{transform:perspective(140px) rotateX(-180deg);opacity:0}25%,75%{transform:perspective(140px) rotateX(0deg);opacity:1}90%,100%{transform:perspective(140px) rotateY(180deg);opacity:0}}.xo-styles-title{--font-size: 20px;--color: #000}.xo-styles-title{font-size:var(--font-size);color:var(--color)}.xo-styles-template2{--hover-background: #fff;--border-color: #fff;--color: #fff;--hover-color: #000000;--font-size: 15px;--bd-radius: 100px}.xo-styles-template2 a{color:var(--color);font-size:var(--font-size);font-weight:bold;text-transform:uppercase;border:2px solid var(--border-color) !important;border-radius:var(--bd-radius);padding:10px 25px !important}.xo-styles-template2 a:hover{color:var(--hover-color);background-color:var(--hover-background)}